<script setup lang="ts">
interface Props {
  // 可选参数 ? 
  text?: string
}
// 在 Vue 3.5+ 版本，可通过解构赋值设置默认值
// const { text = '按钮' } = defineProps<Props>()

// 在 Vue 3.4 及更低版本，需使用 withDefaults 设置默认值
withDefaults(
  defineProps<Props>(),
  { text: '按钮' }
)
</script>

<template>
  <button class="hm-button">{{ text }}</button>
</template>

<style scoped>
.hm-button {
  background-color: #53B672;
  color: white;
  border-radius: 10px;
  padding: 10px;
  border-width: 0;
}
</style>